<div class="content__title">
    <h1>Read & Write zip file,
        <a href="//ng-alain.com/components/zip" target="_blank">Document</a>
    </h1>
</div>
<nz-card nzTitle="解压">
    <button nz-button (click)="url()">Via Url</button>
    <input type="file" (change)="change($event)" multiple="false" class="ml-sm"/>
    <ol>
        <li *ngFor="let i of list">{{i | json}}</li>
    </ol>
</nz-card>
<nz-card nzTitle="压缩" *ngIf="instance">
    <button nz-button (click)="data.push({})" [nzType]="'primary'">new</button>
    <button nz-button (click)="download()" class="ml-sm">download</button>
    <nz-table [nzData]="data" [nzFrontPagination]="false" [nzShowPagination]="false" class="mt-sm">
        <thead>
        <tr>
            <th>
                <span>path</span>
            </th>
            <th>
                <span>url</span>
            </th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let i of data; let index = index">
            <td>
                <input nz-input [(ngModel)]="i.path" name="path{{index}}">
            </td>
            <td>
                <input nz-input [(ngModel)]="i.url" name="url{{index}}">
            </td>
        </tr>
        </tbody>
    </nz-table>
</nz-card>
